<!--
  Generated template for the FavoriteListPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="goBack()">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            收藏夹
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>

</ion-header>


<ion-content>

    <ion-refresher (ionRefresh)="pullDownRefresh($event)" [pullMax]="800">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>

    <div class="favorite-head">
        <div class="favorite-num">
            {{favCountText}}
        </div>
    </div>


    <ion-list>
        <!--<ion-item-sliding>-->
            <!--<ion-item>-->
                <!--<div class="fav-item">-->
                    <!--<div class="fav-container">-->
                        <!--<span class="item-left">安浩然</span>-->
                        <!--<span class="item-right">-->
                            <!--<span class="level"></span>-->
                            <!--<span class="arrow"></span>-->
                        <!--</span>-->
                    <!--</div>-->

                <!--</div>-->
            <!--</ion-item>-->
            <!--<ion-item-options>-->
                <!--<button ion-button>-->
                    <!--取消<br>收藏-->
                <!--</button>-->
            <!--</ion-item-options>-->
        <!--</ion-item-sliding>-->

        <ion-item-sliding *ngFor="let item of favList">
            <ion-item (click)="goFavoriteDetail(item.userId, item.userType, item.clientRole)">
                <div class="fav-item">
                    <div class="fav-container">
                        <span class="item-left">{{item.name}}</span>
                        <span class="item-right">
                            <span class="vip" [ngClass]="{'level1': item.vipLevel == '1','level2': item.vipLevel == '2','level3': item.vipLevel == '3','level4': item.vipLevel == '4'}"></span>
                            <span class="arrow"></span>
                        </span>
                    </div>

                </div>
            </ion-item>
            <ion-item-options>
                <button ion-button (click)="deleteFavorite(item.favoriteId)">
                    取消<br>收藏
                </button>
            </ion-item-options>
        </ion-item-sliding>

    </ion-list>


    <!--<div class="fav-count">-->
        <!--<span class="count-number">{{favCountText}}</span>-->
        <!--<button class="add-button" (click)="goFavoriteAdd()">-->
            <!--<i class="add-button-icon"></i>-->
            <!--<span class="add-button-text">添加</span>-->
        <!--</button>-->
    <!--</div>-->
    <!--<ion-list class="fav-list">-->
        <!--<ion-item-sliding *ngFor="let item of favList">-->
            <!--&lt;!&ndash;<ion-item (click)="goFavoriteDetail(item.userId, item.userType, item.clientRole)" style="border-top:1px solid #E9E9E9;">&ndash;&gt;-->
            <!--<ion-item (click)="goFavoriteDetail(item.userId, item.userType, item.clientRole)">-->
                <!--<div>-->
                    <!--<i [ngClass]="{'sex-male':item.sex == 'M','sex-female':item.sex == 'F','sex-unknown':(item.sex == null || item.sex == '')}"></i>-->
                    <!--<span>{{item.name}}</span>-->
                    <!--<i *ngIf="item.vipLevel" [ngClass]="{'level-gold':item.vipLevel == '1','level-platinum':item.vipLevel == '2','level-diamond':item.vipLevel == '3','level-supreme':item.vipLevel == '4'}"></i>-->
                <!--</div>-->
            <!--</ion-item>-->
            <!--<ion-item-options side="right">-->
                <!--<button (click)="deleteFavorite(item.favoriteId)" ion-button>-->
                    <!--<i class="item-del-button"></i>-->
                <!--</button>-->
            <!--</ion-item-options>-->
        <!--</ion-item-sliding>-->

    <!--</ion-list>-->

    <div *ngIf="(!favList || favList.length === 0) && isLoaded" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>

    <!--<ion-list>-->
        <!--<ion-item-sliding *ngFor="let item of favList">-->
            <!--<ion-item (click)="goFavoriteDetail(item.userId, item.userType, item.clientRole)">-->
                <!--&lt;!&ndash;<div style="width: 100%;height:100%;background-color: #2c77bc">&ndash;&gt;-->
                <!--<div class="person-info">-->
                    <!--<i [ngClass]="{'person-man':item.sex == 'M','person-woman':item.sex == 'F','person-unknown':(item.sex == null || item.sex == '')}"></i>-->
                    <!--<span class="person-name">{{item.name}}</span>-->
                    <!--<i *ngIf="item.vipLevel" [ngClass]="{'person-gold':item.vipLevel == '1','person-platinum':item.vipLevel == '2','person-diamond':item.vipLevel == '3','person-supreme':item.vipLevel == '4'}"></i>-->
                    <!--&lt;!&ndash;<span *ngIf="item.vipFlagDesc" class="person-desc">{{item.vipFlagDesc}}</span>&ndash;&gt;-->
                    <!--<span *ngIf="item.vipLevel" class="person-desc">{{ getDescribeByVipLevel(item.vipLevel) }}</span>-->
                <!--</div>-->

            <!--</ion-item>-->
            <!--<ion-item-options>-->
                <!--<button ion-button (click)="deleteFavorite(item.favoriteId)">-->
                    <!--<i class="del"></i>-->
                <!--</button>-->
            <!--</ion-item-options>-->
        <!--</ion-item-sliding>-->
    <!--&lt;!&ndash;<div class="bottom-blank"></div>&ndash;&gt;-->
    <!--</ion-list>-->

    <!--<ion-list>-->
        <!--<ion-item style="border: 0;" *ngFor="let item of favList" (click)="goFavoriteDetail(item.userId, item.userType, item.clientRole)">-->
            <!--<div class="item-div">-->
                <!--<i [ngClass]="{'sex-male':item.sex == 'M','sex-female':item.sex == 'F','sex-unknown':item.sex == null}"></i>-->
                <!--<span>{{item.name}}</span>-->
                <!--<i *ngIf="item.vipLevel" [ngClass]="{'level-gold':item.vipLevel == '1','level-platinum':item.vipLevel == '2','level-diamond':item.vipLevel == '3','level-supreme':item.vipLevel == '4'}"></i>-->
            <!--</div>-->
        <!--</ion-item>-->
    <!--</ion-list>-->

    <!--<ion-fab bottom center class="favorite-opt">-->
        <!--<button ion-fab  color="primary" class="fab-button">-->
            <!--<button class="add-favorite" (click)="goFavoriteEdit()">编辑</button>-->
            <!--<button class="edit-favorite" (click)="goFavoriteAdd()">添加</button>-->
        <!--</button>-->
    <!--</ion-fab>-->

</ion-content>
